<!-- 1001 秦始皇 我发起的 -->
<template>
	<view>
		<!-- 搜索框 -->
		<view style="background-color: #fff;padding: 20rpx;display: flex;justify-content: center;">
			<view class="search-input "><label class="iconfont icon-sousuo" />
				<input type="text" v-model="search" confirm-type="search" class="font-size30" placeholder="搜索"
					 />
			</view>
		</view>

		<scroll-view class="content" @scrolltolower="scrollButtonClick" scroll-y  id="height"
			:style="'height:' + height + 'px ;'">
			<view>
				<view class="list" v-if="starflows.length">
					<uni-swipe-action>
						<uni-swipe-action-item v-for="(item,index) in starflows" :options="options" :key="index"
							>
							<view class="item" >
								<view class="item-head item-part">
									<text class=" font-size30 color-3A3A3A">{{item.F_Title}}</text>
									<view class="font-size24" :class="item.Status.statecss">{{item.F_BillNo}}</view>
								</view>
								<view class="item-head item-part">
									<view class="font-size30 color-3A3A3A">{{item.F_FullName}}</view>
								</view>
								<view class="item-foot item-part">
									<view class="font-size24 color-9A9A9A">{{item.F_CreatorTime}}</view>
									<view class="font-size24" :class="item.Status.statecss">{{item.Status.text}}</view>
								</view>
							</view>
						</uni-swipe-action-item>
					</uni-swipe-action>
				</view>
			</view>
		</scroll-view>
	</view>
</template>

<script>
	import helper from '@/common/js/helper.js'
	import config from '@/common/js/config.js'
	function flowUrgentlook(value) {
		let state
		switch (value) {
			case 1:
				state = {
					urgstate: '普通',
					statecs: 'background-21B185'
				}
				break;
			case 2:
				state = {
					urgstate: '重要',
					statecs: 'background-FFAC05'
				}
				break;
			case 3:
				state = {
					urgstate: '紧急',
					statecs: 'background-FE5146'
				}
				break;
			default:
				state = {
					urgstate: '普通',
					statecs: 'background-21B185'
				}
				break;
		}
		return state
	}
	export default {
		data() {
			return {
				F_Id: null,
				processData: [{
					text: '编辑',
					status: "edit"
				}, {
					text: '提交审核',
					status: "submit"
				}],
				rows: 15,
				page: 1,
				total: 1,
				height: 0,
				search: '',
				starflows: [
					{
						F_Title:"账号撤销",
						F_BillNo:"Y241212001",
						F_FullName:"日期:2024-12-15,撤销 宋江 预约实验室的账号",
						F_CreatorTime:"2024-12-12",
						Status:{
							text:"审核中"
						}
					},{
						F_Title:"临时措施",
						F_BillNo:"H241212001",
						F_FullName:"奉化学楼101,日期:2024-12-15~2024-12-18,设备维修暂停预约",
						F_CreatorTime:"2024-12-12",
						Status:{
							text:"审核中"
						}
					}
				],
				eventindex: 0,
				options: [{
					text: '删除',
					style: {
						backgroundColor: '#dd524d'
					}
				}],
				databcolor: '',
				nodata: config.Resources.message.nodata,
				loadModal: true,
				height1: "",
				isNoData: false,
				queryJson: {
					keyword: '',
					startTime: '',
					endTime: '',
					enabledMark: ""
				},
				statCode:true,
			}
		},
		methods: {
			
		},
		mounted() {
			let _this = this;
			// 获取设备宽度
			uni.getSystemInfo({
				success: (res) => {
					this.height = res.windowHeight;
				}
			});
		},
	}
</script>

<style lang="scss">
	page {
		background-color: #f0f2f6;
	}

	/* 底部流程选择 */
	.uni-share {
		/* #ifndef APP-NVUE */
		display: flex;
		flex-direction: column;
		/* #endif */
		background-color: #fff;
	}

	.uni-share-content {
		/* #ifndef APP-NVUE */
		display: flex;
		/* #endif */
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		padding: 15px;
	}


	.uni-share-content-image {
		/* #ifndef APP-NVUE */
		display: flex;
		/* #endif */
		flex-direction: row;
		justify-content: center;
		align-items: center;
		width: 100%;
		padding: 20rpx 0;
		overflow: hidden;
		border-radius: 10rpx;
	}

	.uni-share-content-text {
		font-size: 26rpx;
		color: #333;
		padding-top: 5px;
		padding-bottom: 10px;
	}

	.uni-share-btn {
		height: 90rpx;
		line-height: 90rpx;
		font-size: 14px;
		border-top-color: #f5f5f5;
		border-top-width: 1px;
		border-top-style: solid;
		text-align: center;
		color: #666;
	}


	.uni-item-left-name {
		position: relative;
		/* float: left; */
		width: fit-content;
	}

	.uni-item-left-name .bg1 {
		background: #ff3b3b;
	}

	.cell-navigate::after {
		left: 0;
	}

	.uni-input-placeholder {
		color: #9A9A9A;
	}

	.search-input {
		background-color: #fff;
		border:1px solid #EBEEF5;
		margin: 0;
	}

	.list {
		padding: 20rpx;
		.item {
			/* #ifndef MP-ALIPAY */
			width: 100%;
			/* #endif */
			box-shadow: 0px 3px 25px 2px rgba(159, 159, 159, 0.1);
			// border-radius: 10upx;
			background-color: #FFFFFF;
			padding: 0 20rpx;

			uni-swipe-action-item,
			.uni-swipe-action {
				border-radius: 10upx;
			}

			.item-content {
				padding: 0 20upx;
			}

			.item-part {
				display: flex;
				justify-content: space-between;
				align-items: center;
			}

			.item-head {
				border-bottom: 1upx solid #E5E5E5;
				height: 90upx;
			}

			.item-foot {
				height: 68upx;
			}
		}
	}
</style>
